<template>
<view class="content">
  <topHeight></topHeight>
  <view class="container">
    <view class="headPicture">
      <img :src="headPicture" alt="">
    </view>
    <view class="info" v-for="i in 5"></view>
  </view>
  <view class="title"><text>{{AppletsTitle}}</text></view>
  <view class="detail"><text>{{AppletsContent}}</text></view>
  <view class="title"><text>{{Title}}</text></view>
  <view class="detail"><text>{{Content}}</text></view>
  <view class="footer">
    <view class="privacy" ><text @click="toPrivacy">{{Privacy}}</text></view>
    <view>{{Time}}</view>
    <view>{{Serve}}</view>
  </view>
</view>
</template>

<script>
import topHeight from "@/components/top-height";

export default {
name: "About",
  components:{
    topHeight
  },
  data(){
  return{
    AppletsTitle:'-We武院·小程序-',
    headPicture:'../../../static/logo.png',
    AppletsContent:'鲁迅（1881年9月25日-1936年10月19日），原名周樟寿，字豫山，改名周树人，字豫才，浙江绍兴人。著名文学家、思想家、革命家、民主战士，新文化运动的重要参与者，中国现代文学的奠基人之一。\n' +
        '    早年与厉绥之和钱均夫同赴日本公费留学，于日本仙台医科专门学校肄业。“鲁迅”，1918年发表《狂人日记》时所用的笔名，也是最为广泛的笔名。 [1-7]\n' +
        '    鲁迅一生在文学创作、文学批评、思想研究、文学史研究、翻译、美术理论引进、基础科学介绍和古籍校勘与研究等多个领域具有重大贡献。他对于五四运动以后的中国社会思想文化发展具有重大影响，蜚声世界文坛，尤其在韩国、日本思想文化领域有极其重要的地位和影响，被誉为“二十世纪东亚文化地图上占最大领土的作家”。 [8-10]\n' +
        '    毛泽东曾评价：“鲁迅的方向，就是中华民族新文化的方向。”',
    Title:'-武院校园菌-',
    Content:'鲁迅（1881年9月25日-1936年10月19日），原名周樟寿，字豫山，改名周树人，字豫才，浙江绍兴人。著名文学家、思想家、革命家、民主战士，新文化运动的重要参与者，中国现代文学的奠基人之一。\n' +
        '    早年与厉绥之和钱均夫同赴日本公费留学，于日本仙台医科专门学校肄业。“鲁迅”，1918年发表《狂人日记》时所用的笔名，也是最为广泛的笔名。 [1-7]\n' +
        '    鲁迅一生在文学创作、文学批评、思想研究、文学史研究、翻译、美术理论引进、基础科学介绍和古籍校勘与研究等多个领域具有重大贡献。他对于五四运动以后的中国社会思想文化发展具有重大影响，蜚声世界文坛，尤其在韩国、日本思想文化领域有极其重要的地位和影响，被誉为“二十世纪东亚文化地图上占最大领土的作家”。 [8-10]\n' +
        '    毛泽东曾评价：“鲁迅的方向，就是中华民族新文化的方向。”',
    Privacy:'用户协议\r&\r隐私政策',
    Time:'2019\r\n-\r2020\r武院校园菌',
    Serve:'All\rRights\rReserved',
  }
  },
  mounted() {
  },
  methods:{
    toPrivacy(){
      uni.navigateTo({
        url:"Privacy"
      })
    }
  }
}
</script>

<style lang="scss" scoped>
.content{
  width: 100%;
  height: 100vh;
  .container {
    position: relative;
    width: 100%;
    height: 400rpx;
    /*border: 5px solid rgb(118, 218, 255);*/
    background:linear-gradient(to bottom, #FFFFFF 0%,#D3F5FC 100%);
    overflow: hidden;
    .headPicture{
      width: 170rpx;
      height: 170rpx;
      position: absolute;
      transform: translate(-50%,-50%);
      top: 50%;
      left: 50%;
      overflow: hidden;
      border-radius: 50%;
      box-shadow: 0 0 10rpx #CECECE;
      img{
        width: 100%;
        height: 100%;
      }
    }
    .info {
      width: 100%;
      height: 100%;
      position: absolute;
      background: rgba(255, 255, 255, 0.8);
      top: 90%;
      border-radius: 55%;
      left: 50%;
      transform: translate(-50%, 0);
    }
    :nth-child(2){left: 15%}
    :nth-child(3){left: 85%}
    :nth-child(4){left: -20%}
    :nth-child(5){left: 120%}
    :nth-child(6){left: 50%;
      background: rgb(255, 255, 255);
    }
  }
  .title{
    width: 100%;
    height: 110rpx;
    //background-color: #007aff;
    font-weight: bold;
    font-size: 32rpx;
    text-align: center;
    line-height: 100rpx;
  }
  .detail{
    width: 100%;
    padding: 0 30rpx;
    //background-color: #1ec6df;
    color: #9F9F9F;
    line-height: 50rpx;
  }
  .footer{
    padding: 80rpx 0 10rpx;
    text-align: center;
    color: #989D9D;
    .privacy{
      color: #76E4FF;
      line-height: 80rpx;
    }
  }
}
</style>
